@charset "UTF-8";

/* 主要样式库 */

@font-face {
	font-family: 'bwmodelicaRegular';
	src: url('../font/Alternate.eot');
	src: local('bwmodelica Regular'), local('bwmodelica'), url('../font/bwmodelica.woff') format('woff'), url('../font/bwmodelica.ttf') format('truetype'), url('../font/bwmodelica.svg#bwmodelica') format('svg');
}

.tc{ text-align:center;}


/* ---------------------------------------- 头部开始 ---------------------------------------- */
.lan a{ background-color:#0066c5; padding:20px 0px; margin-bottom:30px !important; margin-top:20px !important;}
.lan img{ margin:0px auto;}

#c-header {
  background:#fff;
  box-shadow: none; 
  box-shadow: 0 2px 18px rgb(0 0 0 / 5%);
  }
  
.c-banner1 {
  margin-top: 90px; 
}
  
  
#c-header .c-nav li a {
  color: #222; 
}


#c-header .c-logo img {
  height: 46px;
}


.c-right-box .c-nav li a {
  color: #0066c5; 
}


#c-header .c-container2 {
  padding-left:60px;
}


#c-header .c-nav > li:last-child {
  margin-right: 0;
}

/* ---------------------------------------- 头部结束 ---------------------------------------- */


/* ---------------------------------------- banner开始 ---------------------------------------- */

.c-banner1.swiper-container {
  /*height: 100vh;*/
}
  
.c-banner1.swiper-container .swiper-wrapper .swiper-slide img {
    height: 100%; 
}

.c-banner1.swiper-container .bottom {
   position: absolute;
   top:calc( 50% - 30px);
   width: 100%; 
}

.c-banner1.swiper-container .bottom .left {
   position: absolute;
   width:100%;
}

.c-banner1.swiper-container .bottom .left .swiper-button-prev {
    background: url(../images/banner-left.png) no-repeat left 20px center/20px auto;
    margin-top: auto;
    width: 60px;
    height: 60px;
    border-radius: unset;
    border: none;
    transition: .5s;
    left: 60px;
}

.c-banner1.swiper-container .bottom .left .swiper-button-prev:hover {
    background: url(../images/banner-left.png) no-repeat left 14px center/20px auto;
}


.c-banner1.swiper-container .bottom .left .swiper-button-next {
    background: url(../images/banner-right.png) no-repeat right 20px center/20px auto;
    margin-top: auto;
    width: 60px;
    height: 60px;
    border-radius: unset;
    border: none;
    transition: .5s;
    right: 60px;
}

.c-banner1.swiper-container .bottom .left .swiper-button-next:hover {
    background: url(../images/banner-right.png) no-repeat right 14px center/20px auto;

}

.c-banner1 .swiper-button-next, .c-banner1 .swiper-button-prev{ top:50%}



/* ---------------------------------------- banner结束 ---------------------------------------- */


/* 通用板块标题 */

.commontit{ 
	font-size:40px;
	line-height:1; 
	text-align:center; 
	padding-top:100px; 
	padding-bottom:48px; 
	font-weight:bold;
	position: relative;
	margin-bottom:60px;
}

.commontit::after{ 
	content: ""; 
	display:inline-block; 
	width:40px; 
	height:3px; 
	background-color:#0066c5;
	position:absolute;
	left:calc(50% - 20px);
	bottom:0;
}

.commontit2{ 
	font-size:40px;
	line-height:1; 
	text-align:left; 
	padding-top:120px; 
	/*padding-bottom:48px; */
	margin-top:20px;
	font-weight:bold;
	position: relative;
	margin-bottom:40px;
}

/*.commontit2::after{ 
	content: ""; 
	display:inline-block; 
	width:40px; 
	height:3px; 
	background-color:#0066c5;
	position:absolute;
	left:0;
	bottom:0;
}*/


/* ---------------------------------------- 关于我们开始 ---------------------------------------- */

.aboutus{ background:url(../images/indexaboutbj.jpg) center bottom no-repeat; padding-bottom:85px;}
.aboutus .aboutcont .aboutleft{ 
	width:43.2%; 
	padding-top:0px;
	float:left;
}
.aboutus .aboutcont .aboutleft h2{ font-size:24px; color:#0066c5; font-weight:600; border-top:#e1e2e3 1px solid; padding-top:44px;}
.aboutus .abouttext{ font-size:16px; color:#222; line-height:32px; padding-top:10px; margin-bottom:55px; 
 overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 4;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;    
  }
.aboutus .aboutimg{ float:right; text-align:right; padding-top:120px; width:46.25%;}
.aboutus .aboutimg img{ width:100%;}

.aboutus .aboutdata{ padding-top:70px; border-top:#e1e2e3 1px solid; margin-top:70px; padding-bottom:20px;}
.aboutus .aboutdata li{ width:22%; float:left; line-height:28px; margin-left:3%; margin-right:3%;}
.aboutus .aboutdata li:last-child{ width:11%; margin-right:0%;}
.aboutus .aboutdata span{ font-size:14px; height:36px; display:inline-block; padding-right:20px; margin-bottom:16px;}
.aboutus .aboutdata .num{ font-weight:bold; font-family:bwmodelicaRegular,'Microsoft YaHei ','PingFang SC','Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'; font-size:54px; margin-right:12px; display:inline; color:#0066c5;}
.aboutus .aboutdata span b{ font-size:24px;}


/* ---------------------------------------- 我们的产品 ---------------------------------------- */

.indexproduct{ background:url(../images/indexproductbj.jpg) center top no-repeat; padding-bottom:100px;}
.indexproduct .swiper-container{height:0; opacity:0;}
#tbc1_1{ height:auto; opacity:1;}

.indexproduct .swiper-container,
.indexproduct .swiper-wrapper,
.indexproduct .swiper-slide {
    width: 100%;
}

.indexproduct .swiper-slide {
    padding-bottom:20px;
	margin-top:10px;
	padding-bottom:40px;
}

.indexproduct .swiper-slide ul{
	margin:0px auto;
	position:relative;
	display:flex;
	flex-wrap: wrap;
}

.indexproduct .swiper-slide ul li:nth-child(4n){ margin-right:0px;}

.indexproduct .swiper-slide ul li{ position:relative; width:calc(25% - 23px); margin-bottom:30px; margin-right:30px;}
.indexproduct .swiper-slide ul li img{ width:100%;}
.indexproduct .swiper-slide ul li h1{ font-size:18px; text-align:center; padding-top:20px;}
.indexproduct .swiper-slide ul li a:hover{ color:#0066c5;}


.indexproduct .commontit2{ width:300px; float:left;}

.tab{ width:704px; float:right; margin-top:140px;}
.tab a{ display:inline-block; width:160px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:#72767a; float:left; margin-left:16px; cursor:pointer;}
.tab .hovertab{ background-color:#0066c5; color:#fff;}

.swiper-button-next, .swiper-button-prev{ top:150px;}




/* ---------------------------------------- 底部开始 ---------------------------------------- */
.footer{ 
	background-color:#142636; 
	padding-top:60px;
	color:#c8cdd3; 
}
.footer a{color:#c8cdd3; font-size:14px;}
.footer a:hover{ color:#fff;}

.footer .wrapper{
	margin:0px auto;
}
.footer .footertop{ width:100%; padding-bottom:70px;}

.footer .footerleft{ width:14.5%; float:left; margin-right:8%;}
.footer .footernav{ float:left; font-size:14px; line-height:36px; width:60%;}
.footer .footernav dt{ font-weight:bold; color:#fff; font-size:16px; position:relative; margin-bottom:20px; line-height:1;}
/*.footer .footernav dt:after{
	content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
	width:20px;
	height:2px;
	background-color:#0066c5;
}*/

.footer .footernav dl{ float:left; padding-right:10%;}
.footer .footernav dl:last-child{ padding-right:0;}

.footer .contact{ font-size:14px; line-height:2;float:left;}
.footer .contact .tel{font-family:bwmodelicaRegular; font-size:22px; color:#fff; line-height:1; margin-bottom:20px;  position:relative; }
.footer .contact .tel a{ color:#FFF; font-size:22px;}
.footer .contact .tel:before{
	content: "";
    display: block;
    position: absolute;
    top: -2px;
    left:-40px;;
	width:23px;
	height:23px;
	background:url(../images/tel.png) center no-repeat;
}

.footer .follow{ float:right;  width:224px; }
.footer .follow h3{ font-size:16px; color:#fff;}
.footer .follow ul{ padding-top:24px;}
.footer .follow li{ width:41px; height:41px; float:left; margin-right:20px; position:relative; cursor:pointer;}
.footer .follow li:last-child{ margin-right:0px;}
.footer .follow li img{ position:absolute; left:-35px; top:50px; display:none;}
.footer .follow li:hover img{ display:block;}
.footer .follow .phonewebsite{ background:url(../images/followicon.png) 0px 0px no-repeat;}
.footer .follow .phonewebsite:hover{ background:url(../images/followiconhover.png) 0px 0px no-repeat;}
.footer .follow .wechat{ background:url(../images/followicon.png) -61px 0px no-repeat;}
.footer .follow .douyin{ background:url(../images/followicon.png) -122px 0px no-repeat;}
.footer .follow .kuaishou{ background:url(../images/followicon.png) -183px 0px no-repeat;}


.footer .links{ 
	border-top:#353b42 1px solid; 
	border-bottom:#353b42 1px solid; 
	font-size:13px; 
	padding:25px 0px;
}
.footer .links a{ margin-right:30px; display:inline-block; font-size:14px;}
.footer .links span{ margin-right:10px;}
.footer .copyright{ text-align:center; color:#7f8892; font-size:14px; line-height:72px;}
.footer .copyright a{ color:#7f8892; margin-left:16px; font-size:14px;}

/* ---------------------------------------- 底部结束 ---------------------------------------- */





/* ---------------------------------------- 内页样式表 ---------------------------------------- */
.nbanner{ margin-top:90px; height:560px; text-align:center; font-size:44px; color:#fff; font-weight:600; position:relative;}
.nbanner span{ display:block; /*position:absolute; top:calc(50% - 90px); left:calc(50% - 90px);*/ padding-top:200px;}
/*.nbanner span:after{ content: ""; 
	display:inline-block; 
	width:50px; 
	height:3px; 
	background-color:#fff;
	position:absolute;
	left:calc(50% - 25px);
	top:300px;
}
*/
.pos{
	text-align:right;
	font-size:14px; color:#666666;
	border-bottom:#e8e8e8 1px solid;
	padding:29px 0px;
}

.pos .posicon{ display:inline-block; width:16px; height:16px; background:url(../images/pos.png) center center no-repeat; margin-right:10px; float:right; margin-top:1px;}
.pos .postext{ float:right;}


/* 关于我们 */
.aboutbanner{ background:url(../images/aboutbanner.jpg) center top no-repeat; }
.naboutus{ padding-top:80px;}
.naboutus .part1 .nabouttext{ width:50%; float:left; padding-top:30px;}
.naboutus .part1 .aboutinfo{ width:90%; line-height:32px; color:#222; padding-top:32px; padding-bottom:48px;}
.naboutus .part1 .naboutimg{ width:50%; float:right;}
.naboutus .part1 .naboutimg img{ width:100%;}
.naboutus .nabouttext h1{ font-size:30px;}
.naboutus .p2 .nabouttext{ float:right;}
.naboutus .p2 .aboutinfo{ margin-left:10%; width:86%;}
.naboutus .p2 .naboutimg{ float:left;}
.naboutus .p2 .nabouttext h1{ margin-left:10%; margin-top:30px;}

.honor{ background:url(../images/honorbj.jpg) center top no-repeat; margin-top:80px; padding-bottom:80px;}
.honor li{ width:calc(20% - 24px); float:left; margin-right:30px;}
.honor ul li:last-child{ margin-right:0px;}
.honor li h1{ text-align:center; font-size:16px; line-height:60px;}
.honor .swiper-container{ padding-bottom:60px;}
.honor .swiper-button-next, .honor .swiper-button-prev{ top:calc(50% - 70px);}

.culturelist{ margin-bottom:120px;}
.culturelist li{ width:calc(33.3% - 20px); margin-right:30px; float:left;}
.culturelist li:last-child{ margin-right:0px;}
.culturelist li img{ width:100%;}


/* 螺旋桩和螺旋桩基解决方案 */
.foundationbanner{ background:url(../images/foundationbanner.jpg) center top no-repeat;}
.advlist{ padding-bottom:100px;}
.advlist li{ width:22.75%; margin-right:3%; float:left;}
.advlist li:last-child{ margin-right:0;}
.advlist li img{ width:100%;}

.proimages{ background-color:#f8f8f8; padding-bottom:80px; }
.proimageslist li{ width:48.125%; margin-right:3.7%; float:left; text-align:center; }
.proimageslist li:last-child{ margin-right:0;}
.proimageslist li img{ width:100%;}
.proimageslist li h2{font-size:18px; line-height:70px;}

.applications .appinfo{ text-align:left; color:#666; font-size:16px; line-height:2; padding-bottom:60px; margin-top:-20px;}
.applicationslist{ padding-bottom:80px;}
.applicationslist li{ width:calc(25% - 15px); margin-right:20px; float:left; text-align:center; padding-bottom:20px;}
.applicationslist li img{ width:100%;}
.applicationslist li:nth-child(4n){ margin-right:0;}
.applicationslist li h2{ font-size:18px; line-height:60px;}

.cooperation{ background-color:#f8f8f8; padding-bottom:120px;}
.cooperation .cooperationlist{ background-color:#0066c5;}
.cooperation .cooperationleft{ float:left; width:50%;}
.cooperation .cooperationleft img{ width:100%;}
.cooperation .cooperationright{ float:right; text-align:left; color:#fff; line-height:36px; margin-right:8%; margin-top:60px;}
.cooperation .cooperationright h1{ margin-top:calc(30% - 60px); font-size:36px; margin-bottom:30px; text-align:center;}


/* 螺旋叶片和螺旋轴 */
.product{ padding-top:80px;}
.productbanner{ background:url(../images/productbanner.jpg) center top no-repeat;}

.productclass{ width:20%; float:left; background-color:#fff; float:left; margin-bottom:80px; margin-right:4%;}
.productclass .proclasstit{ background-color:#0066c5; color:#fff; height:70px; line-height:70px; font-size:22px; font-weight:600; padding-left:24px; }
.productclass .proclasslist{ line-height:66px; font-size:16px; font-weight:600;}
.productclass .proclasslist li{ border-bottom:#efefef 1px solid; padding-left:24px;}
.productclass .proclasslist li:last-child{ border:none;}
.productclass .proclasslist li:hover{ background-color:#f2f7fc;}
.productclass .proclasslist li:hover a{ color:#0066c5;}
.productclass .proclasslist .cur a{ color:#0066c5;}

.productlist{ width:76%; float:right; padding-bottom:120px;}
.productlist li{ margin-right:30px; width:calc(33.3% - 20px); float:left; text-align:center; margin-bottom:30px;}
.productlist li img{ width:100%;}
.productlist li:nth-child(3n){ margin-right:0;}
.productlist li h4{ line-height:70px; font-size:18px;}


/* 客户案例 */
.casesbanner{ background:url(../images/casesbanner.jpg) center top no-repeat;}

.cases{ padding-bottom:0px;}
.cases .casesinfo{ text-align:left; color:#666; font-size:16px; line-height:2; padding-bottom:60px; margin-top:-20px;}
.caseslist li{ width:calc(25% - 22.5px); margin-right:30px; float:left; margin-bottom:30px; }
.caseslist li:nth-child(4n){ margin-right:0;}
.caseslist li h2{ font-size:18px; padding:20px; text-align:left; padding-bottom:0px;}
.caseslist li .imgbox{ padding-bottom:20px;}

.casescont .casestop{ padding:40px; background-color:#fff; margin-top:80px; margin-bottom:40px;}
.casescont .casestop .left{ width:40%; float:left;}
.casescont .casestop .left img{ width:100%;}
.casescont .casestop .right{ width:50%; float:right; margin-right:6%;}
.casescont .casestop .right h1{ margin-top:20px; font-size:32px; margin-bottom:10px;}
.casescont .casestop .right .caseinfo{ line-height:40px;}
.casescont .casestop .right  .cbut{ padding-top:24px;}
.casescont .casestop .right  .cbut a{ display:inline-block; height:56px; line-height:56px; width:180px; text-align:center; color:#fff; background-color:#525252; margin-right:20px;}
.casescont .casestop .right  .cbut a:hover{ background-color:#333;}
.casescont .casestop .right  .cbut a:first-child{ background-color:#0066c5;}
.casescont .casestop .right  .cbut a:first-child:hover{ background-color:#005aae;}

.casedetail{ padding:40px; background-color:#fff; margin-bottom:120px;}
.casedetail .casedetailtit{ font-size:28px; border-bottom:#f3f3f3 1px solid; padding-bottom:20px; position: relative; font-weight:600;}
.casedetail .casedetailtit:after{content: ""; 
	display:inline-block; 
	width:112px; 
	height:3px; 
	background-color:#0066c5;
	position:absolute;
	left:0;
	bottom:-1px;
	}
.casedetail .casedetailcont{ padding-top:50px; padding-bottom:20px; line-height:36px;}
.casedetail .casedetailcont img{max-width:100%; margin:20px auto;}


/* 新闻中心 */
.newsbanner{ background:url(../images/newsbanner.jpg) center top no-repeat;}

.pos .classtab{ float:left; }
.pos .classtab a{ color:#222; font-size:16px;}
.pos .classtab a:hover{ color:#0066c5}
.pos .classtab li{ float:left; margin-right:60px; }
.pos .classtab .active{ color:#0066c5; border-bottom:#0066c5 2px solid; font-weight:bold; font-size:16px; padding-bottom:24px; margin-bottom:-26px;}
.pos2{ padding-bottom:26px;}


.newslist{ padding-top:60px; padding-bottom:100px;}
.newslist .newsright{ float:right; width:calc(100% - 490px); padding-right:40px; color:#666; padding-top:20px; font-size:15px; border-bottom:#eaeaea 1px solid; height:270px; margin-bottom:-20px;}
.newslist .newsright .newstext{ color:#999; line-height:1.8;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newslist h3{ 
	font-size:24px; 
	line-height:36px; 
	color:#222; 
	margin-bottom:24px; 
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.newslist .addtime{ color:#aaa; font-family:bwmodelicaRegular,'Microsoft YaHei ','PingFang SC','Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'; font-size:24px; padding-top:30px;}
.newslist li{ position:relative; padding:20px; transition: all 0.5s;}

.newslist .imgbox{ width:430px; float:left;}
.newslist .imgbox img{ width:100%;}

.newslist li:hover{ background-color:#fff; -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); transition: all 0.5s;}
.newslist li:hover h3{ color:#0066c5;}
.newslist li:hover .newsright{ border:none;}


/*新闻详情*/
.ncont{ padding-top:70px; padding-bottom:120px;}

.ncont .ncontleft{ width:64.2%; float:left; font-size:16px; line-height:2;}
.ncont h1{ font-size:38px; color:#222; margin-bottom:15px; line-height:1.5;}
.ncont h2{ font-size: 15px; color: #666; font-weight: normal; padding-bottom:20px;}
.ncont h2 span{ margin-right:20px;}
.ncont .ncontleft img{ max-width:100%;}

.ncont .ncontleft .prenext{ padding-top:30px; line-height:30px; color:#999;}
.ncont .ncontleft .prenext a{ color:#222;}

.ncontright{ width:30%; float:right;}
.ncontright .recont h2{ font-size:18px; border-bottom:#ddd 1px solid; padding-bottom:10px; margin-bottom:25px; color:#000; font-weight:600;}
.ncontright .recont h2 span{ float:right; font-size:14px; font-weight:normal;}
.ncontright .recont h2 span a{ color:#222; padding-top:2px; display:inline-block;}

.ncontright .recont .repro li{ padding-bottom:20px;}
.ncontright .recont .repro img{ width:100%;}
.ncontright .recont .repro .imgbox{ float:left; width:38%;}
.ncontright .recont .repro a{ color:#222;}

.ncontright .reproright{ width:57%; float:right; font-size:14px; color:#666;}
.ncontright .reproright .contwrap{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ncontright .reproright h3{ font-size:18px; color:#222; margin-bottom:20px; margin-top:10px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*联系我们*/

#allmap{width: 100%;height: 620px;}
#l-map{height:620px;width:100%;}
#r-result{width:100%;}
.anchorBL{ display:none;}

.contactbox{ max-width:1400px; background-color:#fff; margin-top:-120px; position:relative; z-index:99; margin-bottom:120px; -moz-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05); box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
.contactbox .contactinfo{ float:left; width:50%; padding-left:100px; line-height:22px; font-weight:600; padding-bottom:100px; }
.contactbox .contactinfo li{ padding:13px 0px;}
.contactbox .contactinfo li img{ float:left; margin-right:15px;}
.contactbox .commontit2{ padding-top:80px; font-size:36px;}
.contactbox .commontit2{ padding-bottom:0px;}
.erweima{ padding-top:50px;}
.erweima img{ margin-right:30px;}


.contactbox .message{ width:50%; float:right; background-color:#0066c5; padding:0px 100px; color:#fff; height:100%; padding-bottom:60px;}
.contactbox .message .commontit2::after{ background-color:#fff;}
.contactbox .message li{ line-height:76px;}
.contactbox .message li input{ height:76px; border-bottom:#fff 1px solid; width:100%;}
.contactbox .message li span{ display:block;}
.contactbox .message li  textarea{ border:#fff 1px solid; width:100%; height:100px; padding:10px;}
.contactbox .message .subclass{ background-color:#ddefff; height:60px; line-height:60px; width:200px; color:#0066c5; margin-top:40px;}
.contactbox .message .subclass:hover{ background-color:#fff;}


/*去除标题下蓝线*/
.honor .commontit,.culture .commontit,.cases .commontit{ padding-bottom:20px;}
.honor .commontit:after,.culture .commontit:after,.cases .commontit:after{ display:none; }

#newBridge .icon-right-center{ top:96% !important;}